<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>当前工单-门户</title>

    <link rel="stylesheet" type="text/css" href="../../easyui/themes/material/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
    <script type="text/javascript" src="../../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
    <!-- Resources -->
    <script type="text/javascript" src="../../web/amcharts/amcharts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.min.js"></script>
    <script src="../../web/JS/common.js"></script>
    <script src="../../web/JS/URLRooter.js"></script>
    <script src="WorkOrder.js"></script>
    <style>
        .labelstyle {
            font-size: 15px;
            color:black;
            text-decoration:none;
            padding: 20px;
        }
        .labelstyleChoose {
            font-size: 15px;
            color:#027DB4;
            text-decoration:none;
            padding: 20px;
        }


        #dg_WorkPlanList .datagrid-header {
            position: absolute;
            visibility: hidden;
        }

        .chartdiv {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body class="easyui-layout">
    <div data-options="region:'north',iconCls:'',title:'',border:false"
        style="height: 10%;padding: 20px;text-align: center;">
        <div style="text-align:right;margin-right: 100px;margin-top:0px;">
            <!-- <a href="#" onclick="returnPotal()" class="labelstyle" id="btn_sh"
                style="text-decoration:none;margin-top: 20px;"><<<<返回</a> -->
            <a href="#" class="easyui-linkbutton" onclick="returnPotal()" data-options="iconCls:'icon-back'">返回</a>
        </div>
        <input id="db_Start" class="easyui-datebox" style="width:300px;"
            data-options="label:'日期：',labelWidth:80,labelAlign:'right'"> </input>
        <input id="db_End" class="easyui-datebox" style="width:250px;"
            data-options="label:'至',labelWidth:30,labelAlign:'right'"> </input>
        <a href=" #" class="easyui-linkbutton" onclick="SearchData()" data-options="iconCls:'icon-search'">查询</a>
        <a href=" #" class="easyui-linkbutton" onclick="ReSearchData()" data-options="iconCls:'icon-reload'">重置</a>
        <a href="#" class="labelstyle" id="lab_1" style="margin-left:20px;" onclick="choose('week')">本周</a>
        <a href="#" class="labelstyle" id="lab_2" onclick="choose('month')">本月</a>
        <a href="#" class="labelstyle" id="lab_3" onclick="choose('year')">全年</a>
    </div>
    <div data-options="region:'center',iconCls:'',title:'',border:false" style="height: 40%;">
        <div id="chartdiv" class="chartdiv"></div>
    </div>
    <div data-options="region:'south',iconCls:'',title:'',border:false" style="height: 50%;padding: 40px;">
        <table id="dg_DateList" style="width: 100%;height: 100%;"
            data-options="singleSelect:true,border:false,rownumbers:false,pagination:true,fitColumns:true,fit:true,nowrap:true,showHeader:true">
            <thead>
                <tr>
                    <th data-options="field:'workname',width:100,align:'center'">作业名称 </th>
                    <th data-options="field:'worktype',width:100,align:'center'">作业类别</th>
                    <th data-options="field:'status',width:100,align:'center'">作业状态</th>
                    <th data-options="field:'workplace',width:100,align:'center'">作业地点</th>
                    <th data-options="field:'department',width:50,align:'center'">所属部门</th>
                    <th data-options="field:'begintime',width:100,align:'center'">开始时间</th>
                    <th data-options="field:'endtime',width:100,align:'center'">完成时间</th>
                </tr>
            </thead>
        </table>
    </div>
</body>

</html>